<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=no">
		<script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
		<script type="text/javascript" src="../js/common/common.js"></script>
		<script type="text/javascript" src="../layer/layer.js"></script>
		<link rel="stylesheet" type="text/css" href="../css/common/master.css" />
		<link rel="stylesheet" type="text/css" href="../css/jwgk/jwgk.css" />
	</head>

	<body>
		<header class="text-center bg-blue">
			<a href="javascript:void(0);" class="pull-left" onClick="javascript:history.back()"></a>
			<span id="title"></span>
		</header>
		<div class="padding" id="list-box"></div>
	</body>
	<script type="text/javascript">
		$(function() {
			var userId = request.QueryString("id");
			if(userId == null) {
				userId = 0;
			}
			var paramId = userId;
			console.log(paramId);
			
			var listBox = "";
			$.ajax({
				url: hTtp + "queryAnnouncement.action",
				data: {
					"id": paramId
				},
				type: 'post',
				cache: false,
				success: function(data) {
					var data = data.announcement;
					listBox += '<div class="list-title padding-bottom">'
					listBox += '	<h2 class="blue">' + data.title + '</h2>'
					listBox += '	<div class="padding-top">' + data.createTime +'</div>'
					listBox += '</div>'
					listBox += '<div class="list-box padding">' + data.content +'</div>'
					$("#list-box").append(listBox);
					$("#title").append(data.title)
				}
			});
		});
	</script>
</html>